<template>
    <div class="btn-box" >
      <div class="btns"><button class="btn" @click="back">返回模板</button></div>
      <div class="btns"><button class="btn" @click="create">生成海报</button></div>
      
     </div>
</template>

<script>
export default {

    data() {
        return {
        };
    },
    created() {},
    mounted() { 
     
    },
    methods: { 
    create(){
    this.bus.$emit('creatImg')
    },
    back(){
        this.$router.push({path:'/'})
    }
    }
};
</script>

<style scoped lang="less">
  .btn-box{
      position: absolute;
      bottom: 0;
      right:30px;
  }
  .btns{
      margin: 10px 20px;
  }
  .btn{
      text-align: right;
      border: 0;
      background: #ffc107;
      color: white;
      padding: 3px 15px;
      font-weight: 700;
      border-radius: 10px;
      outline:none;
  }
</style>
